<!doctype html>
<html lang="en">

<head>
    <title>Message Board</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" type="image/x-ico" href="favicon.ico" />
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/style.min.css">
</head>

<body>
    <div class="flex-container">
        <nav class="nav top-nav">
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                        <a href="../index.html">简体中文</a>|
                        <a href="javascript:;;">English</a>
                    </div>
                    <div class="col-md-3 text-right">
                        <i class="fas fa-desktop"></i><a href="#" target="_blank">Work Platform</a>
                    </div>
                </div>
            </div>
        </nav>
        <header class="masthead mb-auto">
                <div class="inner logo">
                    <div class="webtitle">
                        <div class="title-h3 masthead-brand">国产飞机运营伙伴当局信息系统</div>
                        <div class="title-h4">Platform among CAAC MOU Partners for China-Made Aircraft.</div>
                    </div>
                    <nav class="main-nav">
                        <a href="index.html">Home</a>
                        <a href="list.html">News</a>
                        <a href="list.html">Safety Information Report</a>
                        <a href="board.html" class="active">Message Board</a>
                    </nav>
                    <div class="search-form">
                        <form action="#" method="post">
                            <input type="text" name="search" placeholder="Keyword">
                            <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                        </form>
                    </div>
                </div>
                <nav class="nav nav-masthead justify-content-center">
                    <a class="nav-link" href="list.html">CAAC MOU Partners Authorities</a>
                    <a class="nav-link" href="list_pic.html">Regulations & Policies</a>
                    <a class="nav-link" href="list.html">Airworthiness Directives</a>
                    <a class="nav-link" href="list.html">Service Bulletins</a>
                    <a class="nav-link" href="list.html">Typical Problems & Solutions</a>
                    <a class="nav-link" href="list.html">Maintenance Services</a>
                </nav>
            </header>
        <div class="container">
            <nav class="breadcrumb">
                <a class="breadcrumb-item" href="index.html">Home</a>
                <a class="breadcrumb-item" href="list.html">Regulations & Policies</a>
                <span class="breadcrumb-item active">Active item title</span>
            </nav>
            <div class="row">
                <div class="col-10 left-list">
                    <div class="msg-title">
                        <a href="#"><i class="fas fa-pen-fancy"></i>Publish</a>
                        Message Board
                    </div>
                    <form class="msg-form" novalidate>
                        <div class="row justify-content-md-center">
                            <div class="col-md-8 mb-3 input-group">
                                <input type="text" class="form-control" id="keyword" placeholder="" value="" required>
                                <div class="input-group-append">
                                    <button class="btn btn-primary" type="submit">Seatch</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <ul class="nav nav-pills pb-3 pt-3 justify-content-md-center" id="pills-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="pills-tab1" data-toggle="pill" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">item 1</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="pills-tab2" data-toggle="pill" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">item 2</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="pills-tab3" data-toggle="pill" href="#tab3" role="tab" aria-controls="tab3" aria-selected="false">item 3</a>
                        </li>
                    </ul>
                    <div class="tab-content pl-5 pr-5 pb-3" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="pills-tab1">
                            <ul>
                                <li><a href="detail.html">1There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                                <li><a href="detail.html">There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                                <li><a href="#">There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                            </ul>
                        </div>
                        <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="pills-tab2">
                            <ul>
                                <li><a href="detail.html">2There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                                <li><a href="detail.html">There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                                <li><a href="#">There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                            </ul>
                        </div>
                        <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="pills-tab3">
                            <ul>
                                <li><a href="detail.html">3There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                                <li><a href="detail.html">There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                                <li><a href="#">There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain...</a></li>
                            </ul>
                        </div>
                    </div>
                    <dl class="msg-list mt-3 mb-3 p-3">
                        <dt>
                            <span>Q:</span>
                            <span>***company</span>
                            <span>**username</span>
                            <span class="date">2020-02-29 21:33</span>
                            <p>There is no one who loves pain itself, who seeks after it and wants to have it,There is no one who loves pain itself, who seeks after it and wants to have it.</p>
                        </dt>
                        <dd>
                            <span>A:</span>
                            <span>editer</span>
                            <span class="date">2020-03-01 22:33</span>
                            <p>There is no one who loves pain itself, who seeks after it and wants to have it.</p>
                        </dd>
                        <dt>
                            <span>Q:</span>
                            <span>***company</span>
                            <span>**username</span>
                            <span class="date">2020-02-29 21:33</span>
                            <p>There is no one who loves pain itself, who seeks after it and wants to have it,There is no one who loves pain itself, who seeks after it and wants to have it.</p>
                        </dt>
                        <dd>
                            <span>A:</span>
                            <span>editer</span>
                            <span class="date">2020-03-01 22:33</span>
                            <p>There is no one who loves pain itself, who seeks after it and wants to have it.</p>
                        </dd>
                        <dt>
                            <span>Q:</span>
                            <span>***company</span>
                            <span>**username</span>
                            <span class="date">2020-02-29 21:33</span>
                            <p>There is no one who loves pain itself, who seeks after it and wants to have it,There is no one who loves pain itself, who seeks after it and wants to have it.</p>
                        </dt>
                        <dd>
                            <span>A:</span>
                            <span>editer</span>
                            <span class="date">2020-03-01 22:33</span>
                            <p>There is no one who loves pain itself, who seeks after it and wants to have it.</p>
                        </dd>
                    </dl>
                    <nav aria-label="Page navigation">
                        <ul class="pagination justify-content-center pagination-sm mt-3">
                            <li class="page-item disabled">
                                <a class="page-link" href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                    <span class="sr-only">Previous</span>
                                </a>
                            </li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="col-2 right-bar">
                    <div class="list-title orfont w-100">Step
                        <span></span>
                    </div>
                    <ul class="step">
                        <li><i></i>
                            <span>step1</span></li>
                        <li><i class="m-step02"></i>
                            <span>step2</span></li>
                        <li><i class="m-step03"></i>
                            <span>step3</span></li>
                        <li><i class="m-step04"></i>
                            <span>step4</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="operated">Operated by Northwest Regional Administration of CAAC</div>
            <div class="row copyright">
                <div class="col-md-1"></div>
                <div class="col-md-4">
                    <a href="#">About US</a>|
                    <a href="#">Contact</a>
                    <p>Copyright 2020 &copy; Civil Aviation Administration of China (CAAC)</p>
                    <p><a href="#" target="_blank" rel="nofollow">ICP备案编号：京ICP备19046468号</a></p>
                </div>
                <div class="col-md-5">
                    <p>Address:NO.155 Dongsi West Avenue, Dongcheng District, Beijing (100710)</p>
                    <p>Site Management:CAAC</p>
                    <p>政府网站识别码：bm70000001</p>
                </div>
                <div class="col-md-2">
                    <img src="img/red.png" alt="pic">
                </div>
            </div>
        </div>
    </footer>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="js/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>